<script lang="ts" setup>
const open = () => {
  ElMessageBox.prompt(
    '注销操作不可逆，请确认是否继续操作，如需继续操作请输入“我同意注销账号”',
    '提示',
    {
      inputPlaceholder: '我同意注销账号',
      inputPattern: /我同意注销账号/,
      inputErrorMessage: '请输入"我同意注销账号"',
      confirmButtonText: '注销',
    },
  )
    .then(({ value }) => {
      ElMessage({
        type: 'success',
        message: `Your email is:${value}`,
      })
    })
    .catch(() => {
      ElMessage({
        type: 'info',
        message: 'Input canceled',
      })
    })
}
</script>

<template>
  <div class="agreement-template">
    <div class="htmledit_views">
      <h2 class="text-xxl">注销协议</h2>
      <p class="default"><span class="text">尊敬的用户：</span></p>
      <p class="default">
        <span class="text">当您阅读并同意本《注销</span><span class="context">协议</span
        ><span class="text"
          >》及相关条款与条件并完成注销操作后，即表示您已充分阅读、理解并接受本《注销</span
        ><span class="context">协议</span><span class="text">》的全部内容。《注销</span
        ><span class="context">协议</span><span class="text">》内容如下：</span>
      </p>
      <p class="default">
        <span class="text">1.账号注销后，您将无法再使用此账号登录系统。</span>
      </p>
      <p class="default">
        <span class="text">2.注销此账号代表您自愿放弃该账号下的资产及其关联的相关权益。</span>
      </p>
      <p class="default">
        <span class="text"
          >3.注销账号并不减轻或免除您应根据相关法律法规、相关协议、规则需要承担的相关责任。</span
        >
      </p>
      <p class="default">
        <span class="text">以上</span><span class="context">协议</span
        ><span class="text">请知晓</span><span class="context">。</span>
      </p>
      <p class="default"><span class="end">&nbsp;</span></p>
    </div>
    <div class="mt-t">
      <el-button type="danger" @click="open">注销账号</el-button>
    </div>
  </div>
</template>
